@extends('admin/layouts/master')
@section('content')
    <div class="col-sm-9">
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link " href="/admin/category">栏目列表</a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="/admin/category/create">添加栏目</a>
            </li>
        </ul>
        <form method="post" action="/admin/category" role="form">
            {{ csrf_field() }}
            <div class="card">
                <div class="card-header">
                    添加栏目
                </div>
                <div class="card-body">

                    <div class="form-group row">
                        <label for="colFormLabel" class="col-sm-1 col-form-label">栏目标题</label>
                        <div class="col-sm-10">
                            <input type="text" name="catename" class="form-control" id="colFormLabel">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="colFormLabel" class="col-sm-1 col-form-label">栏目描述</label>
                        <div class="col-sm-10">
                            <input type="text" name="discription" class="form-control" id="colFormLabel">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="colFormLabel" class="col-sm-1 col-form-label">外部连接</label>
                        <div class="col-sm-10">

                            <div class="input-group mb-3">
                                <input type="text" name="linkurl" class="form-control">
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" type="button">选择连接</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="colFormLabel" class="col-sm-1 col-form-label">封面栏目</label>
                        <div class="col-sm-10">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="ishome" value="1">
                                <label class="form-check-label">是</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="ishome" value="1">
                                <label class="form-check-label">否</label>
                            </div>

                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="colFormLabel" class="col-sm-1 col-form-label">封面图片</label>
                        <div class="col-sm-10">
                            <div class="input-group mb-3">
                                <input type="text" name="thumb" class="form-control">
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" type="button">上传图片</button>
                                </div>
                            </div>
                            <div class="input-group col-sm-2" style="margin-top:5px;">
                                <img src="http://static.runoob.com/images/mix/cinqueterre.jpg"
                                     class="border border-primary " width="150" height="150">
                                <em class="close" style="position:absolute; top: 0px; right: -14px;" title="删除这张图片"
                                    onclick="removeImg(this)">×</em>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="colFormLabel" class="col-sm-1 col-form-label">排序</label>
                        <div class="col-sm-10">
                            <input type="text" name="orderby" class="form-control" id="colFormLabel">
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <button class="btn btn-primary">保存数据</button>
            </div>
        </form>
    </div>
@endsection